<template>
	<!-- 通用列表页面模版 + 上拉刷新/加载更多 -->
	<view class="container">
		<z-paging ref="paging" :auto='true' bg-color="#F5F5F5" class="zpaing" v-model="dataList" @query="getDataList">
			<view slot="top"></view>
			<view class="zPagingLoad" slot="loading">
				<!-- 全屏加载页-请谨慎使用（会遮盖住-slot） -->
				<!-- <u-loading-page :loading="true" loading-text='加载中...' loadingColor='#A0A0A0'
					bg-color="transparent"></u-loading-page> -->
				<!-- 加载loading -->
				<u-loading-icon size="25"></u-loading-icon>
			</view>
			<view slot="bottom"></view>
			<view v-for="(item,index) in dataList" :key="index">
			</view>
		</z-paging>
	</view>
</template>

<script>
	import baseMixin from "@/mixin/baseMixin.js"
	export default {
		mixins: [baseMixin],
		data() {
			return {
				dataList: []
			};
		},
		methods: {
			getDataList(pageNo, pageSize) {
				let params = {
					pageNo: pageNo,
					pageSize: pageSize
				}
				this.fnTestList(params).then((res) => {
					this.$refs.paging.complete(res.rows);
				})
			},
		}
	};
</script>

<style lang="scss" scoped>
	.container {
		position: relative;
	}
</style>